{{ $ := .root }}
{{ $page := .page }}

<div class="row featured">
  {{ with $page.Title }}
  <div class="col-md-12 section-heading">
    <h1>{{ . | markdownify | emojify }}</h1>
    {{ if $page.Params.subtitle }}<p>{{ $page.Params.subtitle | markdownify | emojify }}</p>{{ end }}
  </div>
  {{ end }}

  {{ with $page.Content }}
  <div class="col-md-12">
    <p>{{ . | markdownify }}</p>
  </div>
  {{ end }}

  {{ range $page.Params.featured }}
  {{ $image_src := .img_src}}
  {{ $width := .img_width}}
  {{ $image_src = printf "img/%s" $image_src | relURL }}
  
  <div class="col-12 col-sm-4">
    {{ with .img_src }}<div class="featured-icon"><img src="{{ $image_src }}" alt="" width="{{ $width }}"/></div>{{ end }}
    <h3>{{ .name | markdownify | emojify }}</h3>
    {{ with .description }}<p>{{ . | markdownify | emojify }}</p>{{ end }}
  </div>
  {{ end }}
</div>
